<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- TODO：HEAD Meta 2021-11-12 13:31 -->
    <title>官网</title>
    <link rel="stylesheet" href="./styles/style.css">
    
</head>
<body>
    <main class="main">
        <section class="section section-hero">
            <div class="intro-hero in-view">
                <div class="video-container">
                    <!-- <figure class="image-hero-intro-start-frame intro-fade-out">

                    </figure> -->
                    <div id="imgWrapper">
                        <img id="pic1" src="" alt="">
                    </div>
                </div>
                <div class="intro-text-container">
                    <div class="section-content">
                        <h2>强者的强</h2>
                        <p>我们迄今最强的 MacBook Pro 来了。搭载首次为专业用户设计的 Apple 芯片：超高速 M1 Pro 或 M1 Max，带来性能和续航的颠覆性提升。炫目的 Liquid 视网膜 XDR 屏，全面升级的摄像头和音频系统，各类强大端口也都整装就位。一款独树一帜的笔记本电脑由此诞生。这个 MacBook Pro，就是个 <span class="noWrap">猛兽。</span></p>
                    </div>
                </div>
            </div>
        </section>
        <section id="imgWrapper">

        </section>
    </main>
    <script src="./js/app.js"></script>
</body>
</html>